<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>腾讯视频-中国领先的在线视频媒体平台，海量高清视频在线观看</title>
    <link rel="stylesheet" type="text/css" href="homepage.css">
</head>

<body>
    <div class="page">
        <div class="right-box">
            <div class="header right-box">
                <div class="search">
                    <div class="search_words">
                        <input type="text" placeholder="与凤行" class="search-input">
                    </div>
                    <button type="submit" class="search_button">
                        <span class="search_icon"><img src="images/search-icon.jpg" width: 21px;></span>
                    </button>
                </div>
                <div class="select">
                    <div class="select_left">
                        <span>
                            <img src="images/VIP-icon.png" alt="">
                        </span>
                        <span>
                            <img src="images/game-icon.png" alt="">
                        </span>
                        <span>
                            <img src="images/record-icon.png" alt="">
                        </span>
                        <span>
                            <img src="images/video-icon.png" alt="">
                        </span>
                        <span>
                            <img src="images/download.png" alt="">
                        </span>
                    </div>
                    <div class="user">
                        <a><img src="images/user-icon.png" alt=""></a>
                        <ul class="user-droplist">
                            <!-- <div class="transparent-ground"> -->
                            <li class="user-droplist-head">登录之后可以</li>
                            <li class="user-droplist-content">同步多端观看记录</li>
                            <li class="user-droplist-content">参与互动讨论</li>
                            <li class="user-droplist-content">观看更个性化内容</li>
                            <li class="user-droplist-content">领取专属游戏礼包</li>
                            <li class="user-droplist-login">
                                <div><a href="#login-frame">立即登录</a></div>
                                <!-- <div id="login-frame">
                                        <div class="login-head">登录后更精彩</div>
                                        <a href="#">close</a>
                                    </div> -->
                            </li>
                            <!-- </div> -->
                        </ul>
                    </div>
                </div>
            </div>
            <div class="video-channel">
                <div class="large-focus">
                    <a href="#">
                        <div class="large-ground">
                            <div class="focus-video">
                                <div class="focus-logo">
                                    <img src="images/video_logo-yufengxing.png">
                                </div>
                                <div class="focus-person">
                                    <span>赵丽颖 林更新 仙侠玄幻</span>
                                </div>
                                <div class="focus-content">
                                    <span>"赵丽颖林更新甜虐仙凡恋"</span>
                                </div>
                                <div class="focus-play_sound">
                                    <div class="playbutton">
                                        <span class="play-icon">
                                            <img src="images/play-icon.png">
                                        </span>
                                        <span class="play-content">播放正片</span>
                                    </div>
                                    <div class="sound-control">
                                        <!-- <span class="sound-icon"> -->
                                        <img src="images/sound-icon.png">
                                        <!-- </span> -->
                                    </div>
                                </div>
                            </div>
                            <div class="focus-list">
                                <div class="focus-list-video">
                                    <a href="#">
                                        <div class="focus-list-image">
                                            <img src="images/video-yufengxing.jpg">

                                        </div>
                                        <div class="focus-list-name">与凤行</div>
                                    </a>
                                </div>
                                <div class="focus-list-video">
                                    <a href="#">
                                        <div class="focus-list-image">
                                            <img src="images/video-yaoshenling.jpg">

                                        </div>
                                        <div class="focus-list-name">妖神令</div>
                                    </a>
                                </div>
                                <div class="focus-list-video">
                                    <a href="#">
                                        <div class="focus-list-image">
                                            <img src="images/video-zhuxian.jpg">

                                        </div>
                                        <div class="focus-list-name">诛仙</div>
                                    </a>
                                </div>
                                <div class="focus-list-video">
                                    <a href="#">
                                        <div class="focus-list-image">
                                            <img src="images/video-haiwang2.jpg">

                                        </div>
                                        <div class="focus-list-name">海王2</div>
                                    </a>
                                </div>
                                <div class="focus-list-video">
                                    <a href="#">
                                        <div class="focus-list-image">
                                            <img src="images/video-xiaorizi.jpg">

                                        </div>
                                        <div class="focus-list-name">小日子</div>
                                    </a>
                                </div>

                                <div class="arrow-icon">
                                    <img src="images/arrow-icon.png">
                                </div>
                            </div>


                            <div class="gradient"></div>
                        </div>
                    </a>
                </div>
                <div>
                    <div class="video-hot">
                        <div class="video-hot-head">
                            <div class="hot-head-left">
                                <span id="hot-head-left">重磅热播</span>
                                <span id="fengexian">|</span>
                            </div>
                            <div class="hot-head-right">
                                <span>全部</span>
                                <span>电视剧</span>
                                <span>综艺</span>
                                <span>电影</span>
                                <span>动漫</span>
                                <span>少儿</span>
                                <span>纪录片</span>
                            </div>
                            <div class="hot-head-change">
                                <div><img src="images/change-icon.png"></div>
                                <span>换一换</span>
                            </div>


                        </div>
                        <div class="video-hot-choices">
                            <div class="hot-choices-content">
                                <a href="#" class="choice-content">
                                    <div class="choices-status-zuijin">最近在看</div>
                                    <img src="images/choice1.jpg">
                                    <div class="choices-bottom-gradient"></div>
                                </a>
                                <div class="choices-title">
                                    <div class="choices-name">人类倒霉瞬间专治不开心</div>
                                    <span class="choices-introduction"></span>
                                </div>
                            </div>
                            <div class="hot-choices-content">
                                <a href="#" class="choice-content">
                                    <div class="choices-status-jieju">结局点映</div>
                                    <img src="images/choice2.jpg">
                                    <div class="choices-bottom-status">全24集</div>
                                    <div class="choices-bottom-gradient"></div>
                                </a>
                                <div class="choices-title">
                                    <div class="choices-name">执笔</div>
                                    <span class="choices-introduction">执命运之笔 陷痴缠虐恋</span>
                                </div>
                            </div>
                            <div class="hot-choices-content">
                                <a href="#" class="choice-content">
                                    <div class="choices-status-dubo">独播</div>
                                    <img src="images/choice3.jpg">
                                    <div class="choices-bottom-status">更新至08集</div>
                                    <div class="choices-bottom-gradient"></div>
                                </a>
                                <div class="choices-title">
                                    <div class="choices-name">红衣醉</div>
                                    <span class="choices-introduction">天机一探，情仇一念</span>
                                </div>
                            </div>
                            <div class="hot-choices-content">
                                <a href="#" class="choice-content">
                                    <div class="choices-status-dubo">独播</div>
                                    <img src="images/choice4.jpg">
                                    <div class="choices-bottom-status">更新至08集</div>
                                    <div class="choices-bottom-gradient"></div>
                                </a>
                                <div class="choices-title">
                                    <div class="choices-name">步步倾心</div>
                                    <span class="choices-introduction">步步为营 倾心为你</span>
                                </div>
                            </div>
                            <div class="hot-choices-content">
                                <a href="#" class="choice-content">
                                    <div class="choices-status-shoubo">首播</div>
                                    <img src="images/choice5.png">
                                    <div class="choices-bottom-status">9.3分</div>
                                    <div class="choices-bottom-gradient"></div>
                                </a>
                                <div class="choices-title">
                                    <div class="choices-name">养蜂人</div>
                                    <span class="choices-introduction">杀光！杰森斯坦森绝不留情</span>
                                </div>
                            </div>
                            <div class="hot-choices-content">
                                <a href="file:///D:/Desktop/%E8%85%BE%E8%AE%AF%E8%A7%86%E9%A2%91/detailpage.html"
                                    class="choice-content" target="_blank">
                                    <div class="choices-status-dubo">独播</div>
                                    <img src="images/choice6.jpg">
                                    <div class="choices-bottom-status">更新至42集</div>
                                    <div class="choices-bottom-gradient"></div>
                                </a>
                                <div class="choices-title">
                                    <div class="choices-name">斗罗大陆地 绝世唐门</div>
                                    <span class="choices-introduction">你我皆唐门，生在绝世中</span>
                                </div>
                            </div>
                            <div class="hot-choices-content">
                                <a href="#" class="choice-content">
                                    <div class="choices-status-shoubo">首播</div>
                                    <img src="images/choice7.jpg">
                                    <div class="choices-bottom-status">8.1分</div>
                                    <div class="choices-bottom-gradient"></div>
                                </a>
                                <div class="choices-title">
                                    <div class="choices-name">妖神令</div>
                                    <span class="choices-introduction">千年虐恋，奇幻冒险大片</span>
                                </div>
                            </div>
                            <div class="hot-choices-content">
                                <a href="#" class="choice-content">
                                    <div class="choices-status-dubo">独播</div>
                                    <img src="images/choice8.jpg">
                                    <div class="choices-bottom-status">更新至16集</div>
                                    <div class="choices-bottom-gradient"></div>
                                </a>
                                <div class="choices-title">
                                    <div class="choices-name">你是我的人间至味</div>
                                    <span class="choices-introduction">一见钟情？将军追爱小厨娘</span>
                                </div>
                            </div>
                            <div class="hot-choices-content">
                                <a href="#" class="choice-content">
                                    <div class="choices-status-VIP">VIP</div>
                                    <img src="images/choice9.jpg">
                                    <div class="choices-bottom-status">更新至03-30期</div>
                                    <div class="choices-bottom-gradient"></div>
                                </a>
                                <div class="choices-title">
                                    <div class="choices-name">哈哈哈哈哈</div>
                                    <span class="choices-introduction">邓超陈赫鹿晗合体旅行</span>
                                </div>
                            </div>
                            <div class="hot-choices-content">
                                <a href="#" class="choice-content">
                                    <div class="choices-status-dubo">独播</div>
                                    <img src="images/choice10.jpg">
                                    <div class="choices-bottom-status">更新至14集</div>
                                    <div class="choices-bottom-gradient"></div>
                                </a>
                                <div class="choices-title">
                                    <div class="choices-name">对手过家家</div>
                                    <span class="choices-introduction">甜蜜对手 爱意无休</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="left-nav">
            <div class="logo-box">
                <div class="logo-link">
                    <a href="https://v.qq.com/">
                        <img src="images/logo.jpg" id="logo">
                        <img src="images/logo_name-icon.png" id="logo-name">
                    </a>
                </div>
            </div>
            <div class="left-nav-frame">
                <div>
                    <div id="home">
                        <a href="#" class="left-item-frame">
                            <div class="nav-item">
                                <div class="text">
                                    首页
                                </div>
                                <div class="item-icons">
                                    <img src="images/star-icon.png">
                                </div>
                            </div>
                        </a>
                    </div>
                    <div id="VIP">
                        <a href="#" class="left-item-frame">
                            <div class="nav-item">
                                <div class="text">
                                    VIP会员
                                </div>
                                <div class="item-icons">
                                    <img src="images/left_VIP-icon.png">
                                </div>
                            </div>
                        </a>
                    </div>
                    <div id="medium-video">
                        <a href="#" class="left-item-frame">
                            <div class="nav-item">
                                <div class="text">
                                    中视频
                                </div>
                                <div class="item-icons">
                                    <img src="images/zhongshipin-icon.png">
                                </div>
                            </div>
                        </a>
                    </div>
                    <div id="TV-series">
                        <a href="#" class="left-item-frame">
                            <div class="nav-item">
                                <div class="text">
                                    电视剧
                                </div>
                                <div class="item-icons">
                                    <img src="images/left_video-icon.png">
                                </div>
                            </div>
                        </a>
                    </div>
                    <div id="movie">
                        <a href="#" class="left-item-frame">
                            <div class="nav-item">
                                <div class="text">
                                    电影
                                </div>
                                <div class="item-icons">
                                    <img src="images/button-icon.png">
                                </div>
                            </div>
                        </a>
                    </div>
                    <div id="zongyi">
                        <a href="#" class="left-item-frame">
                            <div class="nav-item">
                                <div class="text">
                                    综艺
                                </div>
                                <div class="item-icons">
                                    <img src="images/zongyi-icon.png">
                                </div>
                            </div>
                        </a>
                    </div>
                    <div id="animation">
                        <a href="#" class="left-item-frame">
                            <div class="nav-item">
                                <div class="text">
                                    动漫
                                </div>
                                <div class="item-icons">
                                    <img src="images/animation-icon.png">
                                </div>
                            </div>
                        </a>
                    </div>
                    <div id="children">
                        <a href="#" class="left-item-frame">
                            <div class="nav-item">
                                <div class="text">
                                    少儿
                                </div>
                                <div class="item-icons">
                                    <img src="images/children-icon.png">
                                </div>
                            </div>
                        </a>
                    </div>
                    <div id="NBA">
                        <a href="#" class="left-item-frame">
                            <div class="nav-item">
                                <div class="text">
                                    NBA
                                </div>
                                <div class="item-icons">
                                    <img src="images/ball-icon.png">
                                </div>
                            </div>
                        </a>
                    </div>
                    <div id="documentary">
                        <a href="#" class="left-item-frame">
                            <div class="nav-item">
                                <div class="text">
                                    纪录片
                                </div>
                                <div class="item-icons">
                                    <img src="images/jilupian-icon.png">
                                </div>
                            </div>
                        </a>
                    </div>
                    <div id="short-play">
                        <a href="#" class="left-item-frame">
                            <div class="nav-item">
                                <div class="text">
                                    短剧
                                </div>
                                <div class="item-icons">
                                    <img src="images/left_video-icon.png">
                                </div>
                            </div>
                        </a>
                    </div>
                    <div id="sport">
                        <a href="#" class="left-item-frame">
                            <div class="nav-item">
                                <div class="text">
                                    体育
                                </div>
                                <div class="item-icons">
                                    <img src="images/basketball-icon.png">
                                </div>
                            </div>
                        </a>
                    </div>
                    <div id="game-center">
                        <a href="#" class="left-item-frame">
                            <div class="nav-item">
                                <div class="text">
                                    游戏中心
                                </div>
                                <div class="item-icons">
                                    <img src="images/left-game-icon.png">
                                </div>
                            </div>
                        </a>
                    </div>
                    <div id="left-game">
                        <a href="#" class="left-item-frame">
                            <div class="nav-item">
                                <div class="text">
                                    游戏
                                </div>
                                <div class="item-icons">
                                    <img src="images/left-game-icon.png">
                                </div>
                            </div>
                        </a>
                    </div>



                </div>
            </div>
        </div>
    </div>
</body>

</html>